
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn">发生ajax请求</button>
    <script>
        var btn=document.getElementById('btn')
        btn.onclick=function(){
            var xhr=new XMLHttpRequest()
            // ie低版本浏览器会读取缓存，地址不能相同，添加随机数使请求地址不相同
            xhr.open('get','http://localhost:3000/cache?t=' + Math.random())
            xhr.send();
            xhr.onload=function(){
                // xhr.status 获取http状态码
                console.log(xhr.responseText)
                xhr.onreadystatechange=function(){
                    if(xhr.readyState==4 && xhr.status==200){
                        alert(xhr.responseText)
                    }
                }           
            }
            
        }
        // ajax状态码：表示Ajax请求的过程状态 Ajax返回的
        // http状态码：表示请求的处理结果 是服务器返回的
    </script>
</body>
</html>